.appleItem {
  width: 420px;
  margin: 10px auto;
  border-radius: 4px;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;

  .apple {
    flex-grow: 2;
  }
  .info {
    flex-grow: 15;
    .name {
      padding: 6px 0;
      font-size: 20px;
      color: #069;
      font-weight: 500;
    }
    .weight {
      font-size: 16px;
      font-weight: 200;
    }
  }
  .btn-div {
    flex-grow: 2;
    button {
      border: none;
      background-color: #3498db;
      color: #fff;
      font-size: 14px;
      cursor: pointer;

      padding: 10px 24px;
      border-radius: 6px;
      margin: 18px auto;
      outline: none;
    }
    button:hover {
      background-color: #5dade2;
    }
  }
}
